@charset "utf-8";
#featurecontainer {margin: 0px auto; width: 1080px; font-size: 80%;}
#wrap {overflow: hidden}
#load {background-image: url(../images/loader32x32.gif); text-indent: -9999px; margin: 0px auto; width: 1180px; display: none; background-repeat: no-repeat; background-position: center 50%; height: 100px; }
#feature {position: relative; margin-top: 5px; margin-bottom: 20px; }
#feature .button {position: absolute; width: 840px; top: 72px; left: 0px}
#feature .prev {text-indent: -9999px; width: 18px;background: url(../images/left2_1.png) center top; float: left; height: 40px; top: -280px; left:-30px; position:relative; }
#feature .next {text-indent: -9999px; width: 18px; background: url(../images/right2_1.png) center top; float: right; height: 40px; top: -280px; right:-30px; position:relative; }
#feature .prev1 {text-indent: -9999px; width: 18px;background: url(../images/left2_1.png) center top; float: left; height: 40px; top: -350px; left:-30px; position:relative; }
#feature .next1 {text-indent: -9999px; width: 18px; background: url(../images/right2_1.png) center top; float: right; height: 40px; top: -350px; right:-30px; position:relative; }
#feature .prev1:hover {text-indent: -9999px; width: 18px;background: url(../images/left2a_1.png) center top; float: left; height: 40px; top: -350px; left:-30px; position:relative; }
#feature .next1:hover {text-indent: -9999px; width: 18px; background: url(../images/right2a_1.png) center top; float: right; height: 40px; top: -350px; right:-30px; position:relative; }
#feature .prev:hover {text-indent: -9999px; width: 18px;background: url(../images/left2a_1.png) center top; float: left; height: 40px; top: -280px; left:-30px; position:relative; }
#feature .next:hover {text-indent: -9999px; width: 18px; background: url(../images/right2a_1.png) center top; float: right; height: 40px; top: -280px; right:-30px; position:relative; }
#feature .prev:hover {}
#feature .next:hover {}
.featureul {position: relative; padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; width: 2800px; padding-right: 0px; float: left; padding-top: 0px; left: 0px}
.featurebox {width: 350px; height: 540px; background-repeat: no-repeat; float: left;  overflow: hidden; padding-top: 5px; text-align:center; background:310px 420px no-repeat #fff; margin:0 10px; }
.featurebox .content {
    padding-top: 24px;
    padding-bottom: 40px;
}
.featurebox .content>.title {
    color: #222;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 3px;
}
.featurebox .content>.title:after {
    content: "";
    display: block;
    height: 1px;
    width: 40px;
    margin: 14px auto 0;
    background-color: #10baee;
}
.featurebox .content>.extra {
    margin-top: 14px;
    letter-spacing: 3px;
    color: #000;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif
}
.featurebox .content>.user {
    margin-top: 10px;
    color: #10baee;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px
}
.featurebox img{width:100%;}
.featurebox h3{ font-size:26px; line-height:100px; color:#573d24; }
.featurebox a:hover h3{ color:#000;}

#botton-scroll {z-index: 0; margin: 0px auto; width: 1300px; float: left; height: 345px; }
#botton-scroll2 {z-index: 0; margin: 0px auto; width: 1300px; float: left; height: 345px; }
#botton-scroll3 {z-index: 0; margin: 0px auto; width: 1300px; float: left; height: 345px; }
#botton-scroll4 {z-index: 0; margin: 0px auto; width: 1180px; float: left; height: 345px; }

#block { z-index: 0; position: relative; margin: 0px auto; font-size: 70%; overflow: hidden;}
#block .box {padding-bottom: 10px; margin: 0px 10px; padding-left: 10px; width: 240px; padding-right: 10px; float: left; height: 150px; padding-top: 10px}
#block .box .feature-title {font-size: 140%; font-weight: normal}
#block .box .feature-thumb {width: 240px; margin-bottom: 5px; float: left; height: 150px}


@media (max-width: 980px){

.prev{display:none}
.next{display:none}
	}